@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
//了解省广
.know{
//  width: r(640);
    height: r(222);
    margin-top: 10px;
    position: relative;
}
.know>img{
    width: 100%;
}
.know_but{
    position: absolute;
    width: r(306);
    height: r(58);
    top: r(150);
    left: r(30);
    background: white;
}
.know_but p{
    display: inline-block;
    vertical-align: middle;
    vertical-align: top;
    padding: 0 r(62);
    color: #b20000;
    font-size: r(26);
    margin-top: r(10);
}
.know_but img{
    border-left: 1px solid #b20000;
    padding-left: r(27);
    width: r(21);
    margin-top: r(10);
}
//海报部分
.banner{
//  width: r(640);
    height: r(355);
    position: relative;
}
.banner>img{
    width: 100%;
}
.banner_tit_bg{
    width: 100%;
    height: r(104);
    background-color: rgba(91,49,14,0.6);
    position: absolute;
    bottom: 0;
}
.banner_tit{
    margin: r(18) 0 0 r(30);
}
.banner_tit>p:first-of-type{
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: r(591);
    font-size: 18px;
}
.article_inf{
    color: white;
    margin-top: r(6);
}
.article_inf>p{
    display: inline-block;
    font-size: 14px;
}
.article_inf>p>span{
    padding: 0 5px;
}
.love>i{
    font-size: 12px;
}
.see{
    margin-left: r(29);
}
.see>i{
    font-size: 14px;
}
.date{
    float: right;
    margin-right: r(20);
}
//文章部分
.article_cont{
    width: r(584);
    margin: r(14) auto r(20);
}
.article_item{
    padding-top: r(31);
    padding-bottom: r(31);
    border-bottom: 1px solid #cecece;
    
}
.article_item img{
    width: r(209);
    height: r(141);
    
}
.article_txt{
    width: r(358);
    display: inline-block;
    vertical-align: top;
    padding-left: r(8);
    
}
.article_txt>p:nth-child(1){
    font-size: 16px;
    color: #010101;
    padding-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.article_txt>p:nth-child(2){
    font-size: 14px;
    color: #c5c5c5;
    padding-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.article_txt>p:nth-child(3){
    text-align: right;
    font-size: 14px;
    color: #939393;
}
.article_txt>p:nth-child(3)>span{
    padding: 5px;
}
.icon-tubiao-{
    font-size: 13px!important;
}
.more{
    text-align: center;
    color: #bbbbbb;
    padding-bottom: 20px;
}
//底部项目颜色
div[class="foot_item"]:nth-child(2){
    color: #b60207;
}
